<template>
	<view>
		<view class="page-body">
		<!-- 	<view class="" style="width: 100%; height: 750rpx;background-color: #000;">
				
			</view> -->
			<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
			</map>
			<button size="mini" class="btn-go">到这去</button>
		</view>
	</view>
</template>


<script>
export default {
	data() {
		return {
			id:0, // 使用 marker点击事件 需要填写id
			title: 'map',
			latitude: 22.571164,
			longitude: 113.926937,
			covers: [{
				latitude: 39.909,
				longitude: 116.39742,
				iconPath: '../../../static/logo.png'
			}, {
				latitude: 39.90,
				longitude: 116.39,
				iconPath: '../../../static/logo.png'
			}]
		}
	},
	methods: {

	}
}
</script>


<style scoped>
/* .map-box{
	width: 750rpx;
} */
.btn-go{
	/* 绝对定位定在底部 */
	position: absolute;
	bottom: 10rpx;
	/* 居中防止 */
	left: 50%;
	transform: translate(-50%,0);
	display: flex;
	justify-content: center;
}
</style>
